<!DOCTYPE html>
<html lang="zh-CN" data-content-max>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<script>
    !function(){var b,a=window.devicePixelRatio||1;a>1?(b=1/a,document.write('<meta name="viewport" content="width=device-width,initial-scale='+b+',user-scalable=no"/>')):document.write('<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>')}();
    </script>
    <link rel="icon" href="favicon.icon">
    <title>个体收藏家</title>
	<link href="css/common.e2580b9a.css" rel="stylesheet">
  
  <link href="css/individualCollector.8252d31d.css" rel="preload" as="style"><link href="js/chunk-vendors.352d5a7e.js" rel="preload" as="script"><link href="js/individualCollector.2aed330b.js" rel="preload" as="script"><link href="css/individualCollector.8252d31d.css" rel="stylesheet"></head>
  <body data-content-max>
<div class="sitehead">
   <div class="wrap">
	  <a href="javascript:;" class="toplogo"><div></div></a>
	  <div class="catlog">
	     <a href="#" target="_blank">云展</a>
		 <a href="#" target="_blank">书画篆刻</a>
		 <a href="#" target="_blank">紫砂陶瓷</a>
		 <a href="#" target="_blank">玉翠珠宝</a>
		 <a href="#" target="_blank">钱币邮票</a>
		 <a href="#" target="_blank">其他藏品</a>
	  </div>
	  <div class="btns">
	     <a href="#" target="_blank" class="iconbox join"><div class="hicon">申请入驻</div></a>
	     <a href="#" target="_blank" class="iconbox search"><div class="hicon"></div></a>
	     <a href="#" target="_blank" class="iconbox cart">
		   <div  class="hicon">
		       <div class="badge">9</div>
		   </div>
		 </a>
		 <a href="#" target="_blank" class="iconbox cart">
		     <div class="hicon"">
		         <div class="badge">9+</div>
		    </div>
		 </a>
		 <div class="iconbox user">
		    <div class="hicon"></div>
			<div class="loginbox">
			    <a href="#" class="login">登录</a>
				<a href="#" class="reg">注册</a>
			</div>
		 </div>
		 <div class="iconbox user">
		    <div class="hicon"></div>
			<div class="userinfo">
			    <div class="info">
				   <img src="statics/common/loguser.png" /><div>15022223333</div>
				</div>
				<div class="links">
				   <a href="#">我的订单</a>
				   <a href="#">账户信息</a>
				</div>
				<div class="links">
				   <a href="#">我的足迹</a>
				   <a href="#">我的收藏</a>
				</div>
				<a href="#" class="logout">退出登录</a>
			</div>
		 </div>
	  </div>
   </div>
</div>

<div class="main" id="app">

	<div class="wrap">
		<div class="tenantsSteps">
			<div class="stepItem stepItem1 current">
				<div class="icon">1</div>
				<div>信息填写</div>
				<div class="steps-line red"></div>
			</div>
			<div :class="[steps !== 1 ? 'stepItem stepItem2 current' : 'stepItem stepItem2']">
				<div class="icon">2</div>
				<div>平台审核</div>
				<div :class="[steps === 3 ? 'steps-line red': 'steps-line'] "></div>
			</div>
			<div :class="[steps === 3 ? 'stepItem stepItem3 current' : 'stepItem stepItem3']">
				<div class="icon">3</div>
				<div>成功入驻</div>
			</div>
		</div>
		<div class="tenantsForm">
			<div class="formItem itemCenter">
				<div class="formLabel">藏品阁名称：</div>
				<div class="formControl">
					<input v-model.trim="name" placeholder="请输入藏品阁名称"/>
				</div>
			</div>
			<div class="formItem itemCenter">
				<div class="formLabel">收藏者姓名：</div>
				<div class="formControl">
					<input v-model.trim="username" placeholder="请输入收藏者姓名"/>
				</div>
			</div>
			<div class="formItem itemCenter">
				<div class="formLabel">身份证号码：</div>
				<div class="formControl">
					<input v-model.number.trim="idcard" placeholder="请输入身份证号码"/>
				</div>
			</div>
			<div class="formItem itemCenter">
				<div class="formLabel">联系电话：</div>
				<div class="formControl">
					<input v-model.number.trim="phone" placeholder="请输入联系电话"/>
				</div>
			</div>
			<div class="formItem itemCenter">
				<div class="formLabel">QQ号码：</div>
				<div class="formControl">
					<input v-model.number.trim="qq" placeholder="请输入QQ号码"/>
				</div>
			</div>
			<div class="formItem itemCenter">
				<div class="formLabel">所在地区：</div>
				<div class="formControl formFlex">
					<select v-model="province" @change="changeProvince">
						<option disabled value="">请选择</option>
						<option v-for="(value,name) in provinces" :value="{code:name,name:value}">{{value}}</option>
					 </select>
					 <select v-model="city"  @change="changeCity">
						<option disabled value="">请选择</option>
						<option v-for="(value,name) in cityies" :value="{code:name,name:value}">{{value}}</option>
					 </select>
					 <select v-model="county">
						<option disabled value="">请选择</option>
						<option v-for="(value,name) in counties" :value="{code:name,name:value}">{{value}}</option>
					 </select>
				</div>
			</div>
			<div class="formItem ">
				<div class="formLabel"></div>
				<div class="formControl">
					<textarea v-model.trim="addressdetail" placeholder="请输入详细地址"></textarea>
				</div>
			</div>
			<div class="formItem">
				<div class="formLabel">收藏家介绍：</div>
				<div class="formControl">
					<textarea v-model.trim="introduce" placeholder="请输入收藏家介绍"></textarea>
				</div>
			</div>
			<div class="formItem" v-if="steps === 1">
				<div class="formLabel"></div>
				<div class="formControl">
					<div class="btnContainer">
						<div class="submitBtn" @click="uploadUserInfo">提交</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
    
   <div class="sitefoot">
	  <div class="wrap">
          <div class="footlogo">
		      <div class="logo"></div>
			  <div>为客户带来无忧购物体验的藏品交易平台</div>
		  </div>
		  <div class="info">
			  <div class="links">
				  <a href="about.html">了解我们</a>
				  <a href="hz.html">合作咨询</a>
				  <a href="contact.html">联系我们</a>
			  </div>
			  <div class="dashline"></div>
			  <div class="copyright">Copyright © 2022 大获创新科技 版权所有 粤ICP备号22022718号</div>
			  <div class="copyright">隐私政策·使用条款·Cookie政策</div>
		  </div>
		  <div class="qrbox">
		       <div class="qr">
			      <div class="qrt">官方公众号</div>
				  <div class="qrout">
				    <img src="testimg/common/qr2.png">
				  </div>
			   </div>
               <div class="qr">
			      <div class="qrt">官方微信</div>
				  <div class="qrout">
				    <img src="testimg/common/qr2.png">
				  </div>
			   </div>			   
		  </div>
	  </div>
   </div>

  <script type="text/javascript" src="js/chunk-vendors.352d5a7e.js"></script><script type="text/javascript" src="js/individualCollector.2aed330b.js"></script></body>
  <script src="scripts/libs/vue.min.js"></script>
  <script src="scripts/areadata.js"></script>
  <script src="scripts/individualCollector.js" ></script>
</html>
